.header{
	width: 100%;
}
.header .wp{
	max-width: 1400px;
	margin: 0 auto;
}
.header .wp .logo{
	float: left;
	margin-top: 17px;
}
.header .wp .snv{
	float: right;
	display: none;
	margin-top: 7px;
	background-color: #FFFFFF;
}
.header .wp .snv .more p{
	width: 33px;
	height:4px;
	margin-bottom: 5px;
	background-color: #CCCCCC;
}
.header .wp .snv ul{
	display: none;
	background: #FFFFFF;
	width: 250px;
	height: 1000px;
	position: absolute;
	right: -15px;
	top: 22px;
	bottom: 0px;
	padding: 50px;
	box-shadow: 1px 0px 0px #000000,1px 1px 7px #000000;
}

.header .wp .snv li a{
	display: block;
	text-align: center;
	color: #333;
	font-size: 16px;
	font-weight:bold;
	line-height: 30px;
}
.header .wp .logo h3{
		font-size: 18px;
		font-weight: bold;
		color: #2b2b2b;
		margin-bottom: 19px;
		
}
.header .wp .logo img{
	display: block;
	max-height: 92px;
	margin-bottom: 5px;
}
.header .wp  .hdr{
	float: right;
	margin-top: 45px;
}
.header .wp .hd-link{
	margin-top: 470px;
}
.header .wp  .hdr .so  .input{
	position: relative;
	margin-left: 465px;
	margin-bottom: 27px;
	float: right;
}
.header .wp  .hdr .so  .input .text{
		width: 460px;
		height: 38px;
		border-radius: 19px;
		border: solid 1px #dcdcdc;
		outline: none;
		padding-left: 40px;
}
.header .wp  .hdr .so .input .ip{
	float: left;
	margin-right: 18px;
}
.header .wp  .hdr .so .input .ip img{
		position: absolute;
		left: -7px;
		top: -28px;
}
.header .wp  .hdr .so .input>img {
		float: right;
}
.header .wp  .hdr .nav li:nth-of-type(1) ::after{
		display: none;
}
.header .wp  .hdr .nav li{
	float: left;
	padding-right: 20px;	
}
.header .wp  .hdr .nav li:nth-of-type(9){
	
	padding-right: 0px;	
}
.header .wp  .hdr .nav li a{
	display: block;
	padding-left:20px;
	position: relative;
	color: #000000;
	font-size: 18px;
	font-weight: bold;
}
.header .wp  .hdr .nav li a::after{
	content: "";
	display: block;
	width: 6px;
	height: 6px;
	background-color: #a62424;
	border-radius: 50%;
	position: absolute;
	left: 0px;
	top:10px;
}
/* 首页  关于我们*/
.m-about{
	width: 100%;
	height: 59px;
	background-color: #5697b6;
}
.m-about .wp{
	max-width: 1400px;
	margin: 0 auto;
}
.m-about .wp .ul-txt li{
	float: left;
}
.m-about .wp .ul-txt li a{
		font-size: 16px;
		font-weight: normal;
		color: #ffffff;
		line-height: 59px;
		padding-left: 22px;
		position: relative;
		margin-right: 13px;
}
.m-about .wp .ul-txt li:nth-of-type(1) a::after{
	position: absolute;
	left: 0px;
	top:4px;
	content: "";
	display: block;
	width: 15px;
	height: 15px;
	background: url(../img/4banshichu.png) no-repeat center;
}
.m-about .wp .ul-txt li:nth-of-type(2) a::after{
	position: absolute;
	left: 2px;
	top:4px;
	content: "";
	display: block;
	width: 15px;
	height: 15px;
	background: url(../img/jiantou.png) no-repeat center;
}
.m-about .wp .ul-txt li:nth-of-type(3) a::after{
	position: absolute;
	left: 2px;
	top:4px;
	content: "";
	display: block;
	width: 15px;
	height: 15px;
	background: url(../img/jiantou.png) no-repeat center;
}
/* 牛家资源 */
.row-a1 .wp{
		max-width: 1400px;
		margin: 0 auto;
}
.pd-l{
	padding-left: 40px;
}
.row-a1 .wp>.title{
			font-size: 62px;
			font-weight: normal;
			color: #002245;
			padding: 50px 0px;
}
.row-a1 .wp .ul-case li{
	float: left;
	width: 50%;
	margin-bottom: 86px;		
}
.row-a1 .wp .ul-case li .con{
	max-width: 660px;
}
.row-a1 .wp .ul-case li .con .pic img{
	width: 100%;
	display: block;
}
.row-a1 .wp .ul-case li .con .txt .title{
		font-size: 24px;
		font-weight: normal;	
		color: #002245;
		margin: 25px  0px 22px;
		overflow: hidden;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		text-overflow: ellipsis;
}
.row-a1 .wp .ul-case li .con .txt .desc{
			width: 85%;
			font-size: 14px;
			font-weight: normal;
			color: #9da8b3;
			overflow: hidden;
			display: -webkit-box;
			-webkit-box-orient: vertical;
			-webkit-line-clamp: 2;
			text-overflow: ellipsis;
}
/* 底部 */
.footer{
	background-color: #5697b6;
}
.footer .wp{
	max-width: 1400px;
	margin: 0 auto;
	padding: 84px 0px 64px;
}
.footer .wp .fd-left{
	float: left;
	width: 37.5%;
}
.footer .wp .fd-right{
	width: 55%;
	float: right;
}
.footer .wp .fd-left .title{
		font-size: 42px;
		font-weight: bold;
		line-height: 42px;
		color: #ffffff;
		margin-bottom: 36px;
}
.footer .wp .fd-left .pic{
	padding-bottom: 30px;
	border-bottom: 1px solid #cccccc;
}
.footer .wp .fd-left .pic .qr{
		float: left;
		width: 124px;
}
.footer .wp .fd-left .pic .qr img{
		display: block;
		max-width: 100%;
		margin-bottom: 18px;
}
.footer .wp .fd-left .pic .qr p{
		text-align: center;
		font-size: 14px;
		font-weight: normal;
		color: #ffffff;
}
.footer .wp .fd-left .pic .qr:nth-of-type(1){
		margin-right: 36px;
}
.footer .wp .fd-left .con p:nth-of-type(1){
	margin-top: 21px;
	margin-bottom: 12px;
	font-size: 14px;
	font-weight: normal;
	color: #ffffff;
}
.footer .wp .fd-left .con p:nth-of-type(2){
		font-size: 14px;
		font-weight: normal;
		color: #ffffff;
		opacity: 0.6;
}
.footer .wp .fd-left .con p:nth-of-type(3){
	margin-top: 21px;
	margin-bottom: 12px;
	font-size: 14px;
	font-weight: normal;
	color: #ffffff;
}
.footer .wp .fd-left .con p:nth-of-type(4){
		font-size: 14px;
		font-weight: normal;
		color: #ffffff;
		opacity: 0.6;
}

.footer .wp .fd-right .con .title{
		font-size: 42px;
		font-weight: bold;
		color: #ffffff;
		margin-bottom: 8px;
		position: relative;
}
.footer .wp .fd-right .con .title::after{
	content: "";
	display: block;
	width: 63px;
	height: 85px;
	position: absolute;
	top: -24px;
	left: 215px;
	background: url(../img/牛努比手舞足蹈.png) no-repeat;
}

.footer .wp .fd-right .con .titlesub{
		font-size: 14px;
		font-weight: normal;
		color: #ffffff;
		margin-bottom: 28px;
}
.footer .wp .fd-right .ul-input{
	margin: 0px -20px;
}
.footer .wp .fd-right .ul-input li{
	width: 33.33%;
	float: left;
	margin-bottom: 28px;
	padding: 0px 20px;

}
.footer .wp .fd-right .ul-input li:nth-of-type(3){
	margin-right: 0px;
}
.footer .wp .fd-right .ul-input li:nth-of-type(6){
	margin-right: 0px;
}
.footer .wp .fd-right .ul-input li:nth-of-type(7){
	width: 100%;
}
.footer .wp .fd-right .ul-input li p{
		font-size: 14px;
		font-weight: normal;
		color: #ffffff;	
}
.footer .wp .fd-right .ul-input li input{
		
		width: 100%;
		border: none;
		border-bottom: 1px solid #CCCCCC;
		outline:none;
		background-color: #5697b6 ;
		font-weight: normal;
		line-height: 38px;	
		
}
.footer .wp .fd-right .ul-input li .select{
		width: 100%;
		border: none;
		border-bottom: 1px solid #CCCCCC;
		outline:none;
		background-color: #5697b6 ;
		font-weight: normal;
		height: 39px;
		font-size: 16px;
}
.footer .wp .fd-right .ul-input li input::-webkit-input-placeholder{
		color: #FFFFFF;
		font-size: 16px;
		opacity: 0.2;
		position: relative;
}
.footer .wp .fd-right .ul-input li .icon::after{
	content: "";
	width: 12px;
	height: 7px;
	display: block;
	background:red;
	position: absolute;
	left: 0px;
	top: 0px;
}
.footer .wp .fd-right  form .btns{
	width: 116px;
	height: 37px;
	background-color: #ffffff;
	border-radius: 19px;
	outline: none;
	border: none;
	font-size: 14px;
	font-weight: normal;
	color: #5697b6;
	transition: all  0.8s linear;
}
.footer .wp .fd-right  form .btns:hover{
	background: pink;
	color: palegreen;
}
.copy{
		width: 100%;
		height: 60px;
		background-color: #002245;
}
.copy .wp{
	max-width: 1400px;
	margin: 0 auto;
}
.copy p{
			padding-top: 15px;
			font-size: 12px;
			font-weight: normal;
			line-height: 30px;
			color: #ffffff;
			opacity: 0.3;
}
@media  screen and (max-width: 768px) {
	.header{
		position: fixed;
		left: 0px;
		top: 0px;
		z-index: 9999;
		background-color: #FFFFFF;
		padding: 7px 15px;
		border-bottom: 1px solid #CCCCCC;
		margin-bottom: 0px;
	}
	
	.header .wp .logo{
		max-width: 36px;
		max-height: 36px;
		margin-top: 0px;
	}
	.header .wp .logo img{
		max-height: 100%;
		max-width: 100%;
	}
	.header .wp .logo h3{
		display: none;
	}
	
	.header .wp  .hdr{
		display: none;
	}
	.footer .wp .fd-left{
		float: none;
		width: 100%;
	}.footer .wp .fd-right{
		float: none;
		width: 100%;
	}
	.footer .wp .fd-right .ul-input li{
		width: 50%;
	}
	.m-about{
		margin-top: 49px;
	}
	.copy p{
		padding-top: 0px;
		font-size: 14px;
	}
	.pd-l{
		padding-left: 0px;
	}
	.row-a1 .wp .ul-case li{
		width: 100%;
		margin-bottom: 20px;
	}
	.header .wp .snv{
		position: relative;
		display: block;
	}
	.footer{
		padding: 15px;
	}
	.footer .wp{
		padding-top: 0px;
	}
	
}